/**
 * SPDX-FileCopyrightText: 2023-2025 Sangfor Technologies Inc.
 * SPDX-License-Identifier: Mulan PSL v2
 */
<template>
    <div class="auto-ml__wrap">
        <common-title :title-name="_('Auto ML')" />
        <div class="auto-ml__container">
            <empty-panel
                v-if="showEmptytraining"
                :title="_('暂时没有AUTO ML实验记录')"
                :text="_('请前往Code Studio进行AUTO ML实验的参数配置。')" />
            <auto-ml-table v-else />
        </div>
    </div>
</template>
<script>
import EmptyPanel from 'src/components/empty_panel';

import AutoMlTable from './auto_ml_table.vue';

import commonTitle from '../component/common_title.vue';
export default {
    name: 'ModelTraining',
    components: {
        EmptyPanel,
        commonTitle,
        AutoMlTable
    },
    mounted () {

        // this.$refs.optionsTabpanel.setActiveItem(+this.$route.query.periodic || 0);
    },
    data () {
        return {
            showEmptytraining: false
        };
    }
};
</script>
<style lang="less">
.auto-ml__wrap {
    height: calc(100% - 65px);
    .auto-ml__container {
        height: calc(100% - 18px);
        background: #fff;
        border: 1px solid #ddd;
        flex: 1;
        overflow: auto;
    }
    .table-data{
        height: 100%;
       .sfv-grid {
            height: 100%;
            display: flex;
            flex-direction: column;
        };
        .sfv-table{
            flex: 1;
        }
    }
}
</style>

